/*
* ======================================================================
* ----------------------------------------------------------------------
* Type    :    css
* Author  :    Alexander
* Website :    http://www.alexringo.blogspot.com
* ----------------------------------------------------------------------
* You may use and/or modify the codes below and its associated files
* as long as you leave the author credit remain intact
* ----------------------------------------------------------------------
* ======================================================================
*/


/* Body */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p
,pre,a,abbr,acronym,address,big,cite
,code,del,dfn,em,img,ins,kbd,q,samp,small
,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,
thead,tr,th,td{
margin:0;
padding:0;
vertical-align:baseline;
outline:none;
}
b,i,hr,u,center,menu,layer,s,strike,font,xmp
{
margin:0;
padding:0;
vertical-align:baseline;
outline:none;
font-size:100%;
background:transparent;
border:none;
}
.widget-item-control a{display:none;}
#Navbar1, #Attribution1 {display:none;}
.bigcom {width: 234px;text-align: center;}
.profile-name-link {
background: no-repeat left top;
display: inline;
min-height: 20px;
padding-left: 20px;
}
body{
margin: 0 auto;
padding: 0px 0px 0px 0px;
background: #EEFAFF url(http://1.bp.blogspot.com/-y6OV987xaAU/UtSmtGcjqRI/AAAAAAAAHmk/VdCp-rAK0T8/s1600/bg_01.png);
font-family: 'Open Sans', sans-serif;
color: #222;
overflow-x: hidden;
font-size: 13px;
}
#casing{
width: 990px;
z-index: 4;
margin: auto;
position: relative;
}
#wrapper {
width: 100%;
margin: auto;
padding-bottom: 20px;
max-width: 990px;
}
a {
color: #222;
text-decoration: none;
}
a:visited {
color: #000;
}
a:hover, a:active {
color: #000;
text-decoration:none;
}
h1,h2, h3, h4, h5, h6 {
color: #000;
font-weight: bold;
}
h1 {
font-size: 85px;
font-family: 'Open Sans', sans-serif;}
h2 {
font-size: 21px;
}
h3 {
font-size: 19px;
}
h4 {
font-size: 17px;color:#222;
}
h5 {
font-size: 15px;
}
h6 {
font-size: 13px;
}
ul {
list-style: disc;
}
.navbar {
visibility:hidden;
display:none;
}
.goog-toggle-button{width: 76px;
height: 25px;
overflow: hidden;
padding-left: 1px;
margin-left: 10px;
margin-top: -5px;
margin-bottom: 5px;}
blockquote blockquote {
color: #222;
}
.status-msg-wrap {
font-size: 100%;
margin: auto;
position: relative;
margin-bottom: 15px;
margin-left: 10px;
margin-right: 10px;
}
.status-msg-body {
text-align: center;
padding: .3em 0;
width: 100%;
position: relative;
z-index: 4;
background: #fff;
border: 1px solid #ddd;
}
blockquote {
font-style: italic;
color: #222;
padding: 25px;
border-radius: 2px;
overflow: hidden;
background: #fff;
border: 1px solid #FFF073;
border-left: 15px solid #FFF073;
}

blockquote em {
font-style: normal;
}
.post-count {display:none;}
.icon-action {display:none;}
pre {
padding: 9px;
background: #f9f9f9;
border: 1px solid #ddd;
overflow:hidden;
}
code {
padding: 3px;
background: #eee;
}
pre code {
background: transparent;
}
.clear {
clear:both;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0px;
}
/* Header */
#header{
margin: auto;
padding-left: 190px;
}
.header-wrap{background: #fff;
width: 100%;position: relative;
padding: 20px 0px;
width: 990px;}
.header-slide{
background: #fff url(http://3.bp.blogspot.com/-vvu4ShLUXGY/U3oxEdQ0dWI/AAAAAAAAAD0/VZi6bSSjZBc/s1600/cover.gif) no-repeat center top;
height: 390px;
position: relative;
}
#header-inner {width: 370px;}
.header-wrapper {position: relative;
margin: auto;
margin-bottom: 30px;}
h1.title a:visited, h1.title :link {color: #222;}
h1.title {font-size: 23px;
font-family: 'Open Sans', sans-serif;
color: #222;
text-align: left;
letter-spacing: -1px;}
.description{
font-size: 14px;
text-align: left;
color: #bbc;
font-family: 'Lato', sans-serif;}
/* Menu-bar */
#menujohanes-bg {
padding-top: 1px;
padding-bottom: 1px;
font-size: 10pt;
margin: auto;
box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
background: #23B0E8;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
border-radius: 0px 0px 3px 3px;} 
#menujohanes{width:950px;margin:auto;}
#menujohanes ul{
list-style-type: none;
z-index: 9;
margin: auto;} 
#menujohanes ul li{
font-family: 'Lato', sans-serif;
position: relative;
padding: 12px 10px;
margin: 1px;float: left;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;} 
#menujohanes ul li:hover{background: #FFF073 url(http://2.bp.blogspot.com/-fnYLiAdAZYk/UtSmtE7lpVI/AAAAAAAAHmg/PQoN0uMAqB4/s1600/mm_bg.png);
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 80px/50px;} 
#menujohanes ul li a:hover {color:#fff;}
#menujohanes ul li a{
color: #fafafa;
padding: 0 5px;
font-weight: normal;
font-size: 11pt;
display: block;
text-decoration: none;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;} 
#menujohanes ul li.selected:hover {border-radius:0px;-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);}
#menujohanes ul li.selected a{font-size: 20pt;
font-weight: bold;
color: #fff;
width: 120px;
height: 131px;}
#menujohanes ul li.selected{color: #fff;
font-weight: bold;
width: 130px;
height: 130px;
margin-top: -125px;
background: #FFF073 url(https://lh4.googleusercontent.com/-kod8errZG5w/U3oxD8bidpI/AAAAAAAAAD4/-kobSvnxK_0/w140-h140-p/logo.gif) no-repeat center center;
border: 1px solid #fff;
background-size: 130px;}
#menujohanes ul li:hover a {color:#23B0E8;}
/* Search Bar */
#search input[type="text"] {
font-size: 12px;
color: #222;
max-width: 188px;
padding: 5px;
border: 1px solid #fafafa;
font-family: 'Lato', sans-serif;
width: 100%;
background: #fafafa;
float: left;
border-radius: 3px 0px 0px 3px;
height: 15px;
margin-top: 2px;
}
.form-wrapper {
width: 238px;
float: right;
margin-top: 7px;
margin-left: 5px;
}
.form-wrapper input:focus {
outline: 0;
background: #fff;color:#666;
box-shadow: 0 0 2px rgba(0,0,0,.5) inset;}
.form-wrapper input::-webkit-input-placeholder {
color: #666;
font-weight: normal;
font-style: italic;}
.form-wrapper input:-moz-placeholder {
color: #666;
font-weight: normal;
font-style: italic;
}
.form-wrapper input:-ms-input-placeholder {
color: #666;
font-weight: normal;
font-style: italic;}    
.form-wrapper button {
overflow: visible;
position: relative;
border: 1px solid #fafafa;
cursor: pointer;
width: 35px;
color: #222;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-transform: uppercase;
background: #fafafa url(http://4.bp.blogspot.com/-aJq9j3AGRZ8/UlUiY5W2gdI/AAAAAAAAHZ8/R-FaXOpDJSA/s1600/search.png) no-repeat center center;
border-radius: 0 3px 3px 0;
float: left;
font-size: 12px;
font-weight: bold;
padding: 5px;
height: 27px;
margin-top: 2px;}   
#comment-form {
border: 1px solid #ddd;
border-radius: 5px;
}

.pinterestjo:hover, .twitterjo:hover, .facebookjo:hover, .googlejo:hover {background-color: #FFF073;
border-radius: 50px;}
.pinterestjo, .twitterjo, .facebookjo, .googlejo {
font-size: 13px;
color: #222;
width: 30px;
height: 30px;
z-index: 9;
margin: 5px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
float: left;
padding: 4px;}
/* Blog johanes djogzs.blogspot.com */
.twitterjo{
background:url(http://3.bp.blogspot.com/-ZnxX2l9MYco/UlUrUEoJ-rI/AAAAAAAAHbE/Of6N8CBFcgo/s1600/bg3.png)no-repeat center center;}
.facebookjo {
background:url(http://4.bp.blogspot.com/-HKEscci_Xfo/UlUrT7RGzBI/AAAAAAAAHbA/0IrSlqs5z_c/s1600/bg1.png)no-repeat center center;}
.googlejo{
background:url(http://1.bp.blogspot.com/-RAZ6I499lyE/UlUrT6fwMyI/AAAAAAAAHbQ/dGs9S9ZD_MQ/s1600/bg2.png)no-repeat center center;}
.pinterestjo {
background:url("http://2.bp.blogspot.com/-9piAQfPmxa8/UZ-rdm96t7I/AAAAAAAAGKw/BZQeZleoZhI/s1600/white_pinterest.png")no-repeat center center;}
/* Blog johanes djogzs.blogspot.com */
.social-network {
box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
width: 50px;
position: fixed;
background: #52C1ED;
top: 70px;
right: 0px;
border-radius: 3px 0px 0px 3px;
z-index:999;
}
/* Main Post */
#content{
float:left;
display: inline;
position: relative;
width: 715px;
padding-top:0px;
}

.post h2{
text-align: left;
font-size: 13pt;
padding: 15px;
font-weight: normal;
background: #23B0E8;
position: relative;
border-radius: 3px 3px 0px 0px;
padding-top: 10px;
padding-bottom: 5px;
border-bottom: 5px solid #FFF073;

}